﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Knowledge.aspx.cs" Inherits="Card.Web.Knowledge" %>

<%@ Register Src="Controls/Header.ascx" TagName="Header" TagPrefix="uc1" %>
<%@ Register Src="Controls/Footer.ascx" TagName="Footer" TagPrefix="uc1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>名片知识-<%=this.AreaDesc %>名片制作|<%=this.AreaDesc %>名片下载|<%=this.AreaDesc %>名片设计|<%=this.AreaDesc %>名片模板下载_<%=SiteName %></title>
    <link href="css/layout.css" type="text/css" rel="Stylesheet" />
    <link href="css/mp.css" type="text/css" rel="Stylesheet" />

    <link href="css/ui-lightness/jquery-ui-1.9.2.custom.min.css" rel="Stylesheet" />
    <script src="JavaScript/jquery-1.8.3.min.js" type="text/javascript"></script>
    <script src="JavaScript/jquery-ui-1.9.2.custom.min.js" type="text/javascript"></script>
    <script src="JavaScript/common.js" type="text/javascript"></script>
    
    <style type="text/css">    

.fl{ float:left;}
.cs_top{ width:960px; margin:8px auto;}
.boxPadding{ padding-top:25px;}
.rightli{ margin-right:0px !important;}
.auto{ width:960px; margin:20px auto;}
.flash{ width:605px; height:360px;}
.aboutDesign{ margin-left:30px; display:inline; }
.aboutDesign .leftshadow,.aboutDesign .rightshadow{ width:10px; height:340px; background:url(/images/shadow01.jpg) no-repeat center center;}
.aboutDesign .rightshadow{ background:url(images/shadow03.png) no-repeat bottom center;}
.aboutDesign .aboutDetail{border:1px solid #CFE8FD; width:300px; height:340px;}
.aboutDesign .aboutDetail p{ }
.aboutDesign .aboutDetail div{ height:60px; border-bottom:1px solid #CFE8FD; position:relative;}
.aboutDesign .aboutDetail h2{ height:50px; background:url(images/bgpicture.png) no-repeat 1px 1px; text-indent:-2000em; position:absolute; top:10px; left:-14px; width:300px;}
.aboutDesign .aboutDetail p{ text-indent:2em; padding:25px 20px; line-height:22px;}
.public_box{ height:25px; width:960px; background:#EDEDED; position:relative;}
.public_box h2{ background:url(/images/bgpicture.png) no-repeat 1px -56px; width:130px; height:38px; margin-left:10px; position:absolute; top:-5px; text-indent:-2000em;}
.size{ width:960px; margin:0 auto;}
.size .explain{ width:285px; margin:10px 70px 0 10px; display:inline; }
.size .explain strong{ line-height:22px;}
.cardStyle h2{ background-position:1px -109px;}
.cardStyle li{width:307px; height:194px; position:relative; float:left; margin:0 18px 20px 0 ;}
.cardStyle li img{ width:308px; height:194px;}
.cardStyle li h3{ position:absolute; bottom:10px;_bottom:15px; font-size:16px;  left:0; width:115px; height:35px; background:#fff; line-height:35px; text-align:center; color:#DA4300;filter:alpha(opacity=70);opacity: 0.7; font-weight:700; display:none;}
.cardStyle li span{width:307px; height:194px; display:inline-block; background:#fff; position:absolute; left:0; top:0;filter:alpha(opacity=50);opacity: 0.5; }
.cardStyle li.n h3{ display:block;}
.cardStyle li.n span{ display:none;}
.paper h2{ background-position:1px -218px;}
.paper .mpExplain{ width:960px; background:#F5F4F3; margin-top:10px;}
.paper .mpExplain h3{ background:url(/images/pic03.png) no-repeat; width:150px; height:30px; margin:10px 0 5px; text-indent:-2000em;}
.paper .mpExplain div{ width:490px; margin-left:20px; display:inline;}
.paper .mpExplain div p{ margin:10px 0 10px 5px;}
.paper li{ width:305px; height:225px; float:left;position:relative; margin:25px 19px 0 0;}
.paper li.topli{ z-index:1;}
.paper li .cardtitle{ height:27px; width:307px;font-size:14px; margin-top:2px; _width:auto;line-height:27px; text-align:center; background:url(themes/<%=this.Theme %>/images/bgpicture.png) no-repeat -1px -499px; color:#fff; font-weight:700;*margin-top:0px;_margin-top:-1px; position:relative; z-index:2; }
.paper li .orange{ background-position:-1px -458px}
.paper li div{ border:1px solid #E4E3E2; padding-top:27px; position:absolute;top:200px;width:305px; background:#fff;  z-index:1; display:none;} 
.paper li p,.paper li strong{padding:0 15px 0 10px;}
.paper ul li p{line-height:20px;}
.tips{ width:960px; margin:10px auto 0;}
.tips h3{ color:#FF403F; font-weight:700; font-size:14px; margin-bottom:10px;}
.sample { padding:25px 20px 25px 25px;}

    </style>
    <script type="text/javascript">
        $(
        function() {
        $(".cardStyle li").mouseover(function () {
            $(".cardStyle li").removeClass("n");
            $(this).addClass("n");
        });
        //常用名片纸张：
        $(".paper li").hover(function () {
            $(this).children(".cardtitle").addClass("orange");
            $(this).children("div").slideDown("slow");
        }, function () {
            $(".paper li").children(".cardtitle").removeClass("orange");
            $(this).children("div").slideUp("slow");
        });
        }
        );
    
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <uc1:Header ID="header" LinkIndex="3" runat="server" />
    <div class="cs_top clear-fix">
        <div class="flash fl"> 
            <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"
                width="605" height="310">
                <param name="movie" value="/images/imageshow.swf">
                <param name="quality" value="high">
                <param name="wmode" value="transparent">
                <embed src="/images/imageshow.swf" width="605" height="310" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer"
                    type="application/x-shockwave-flash" wmode="transparent">
            </object>
        </div>
        <div class="aboutDesign fl">
            <div class="leftshadow fl">
            </div>
            <div class="aboutDetail fl">
                <div>
                    <h2>
                        关于名片设计印刷，你知道多少</h2>
                </div>
                <p>
                    首先，我们来了解一下名片尺寸问题。名片作为交流工具的一种，我们通常都是随身携带，为了保护好名片，大多数人还会用盒子装好，当与别人交换名片后，就将对方的名片保存起来。这时，如果我们的名片尺寸过于特殊，别人就很难找到合适的名片夹放置我们的名片。因此，一个大家都能接受的名片标准尺寸就很有必要了，虽然这个名片的尺寸并不是绝对的，但是有了这个标准，人们使用起来不仅方便携带和保存，还可以让名片印刷加工起来更加便利。</p>
            </div>
            <div class="rightshadow fl">
            </div>
        </div>
    </div>
    <div class="size">
        <div class="public_box">
            <h2>
                名片尺寸</h2>
        </div>
        <div class="clear-fix boxPadding">
            <div class="fl explain">
                <strong>本网名片采用国内标准名片设计尺寸，即92*56mm(四边各含1mm出血位、出血位是指剪切修边留的余地)，标准成品大小为90mm*54mm，这也是国内最常用的名片尺寸。</strong>
                <p>
                    除此之外，还有90mm*108mm，90mm*50mm，90mm*100mm，其中，90mm*108mm是国内常见的折卡名片尺寸，而90mm*50mm是欧美公司常用的名片尺寸，90mm*100mm是欧美歌手常用的折卡名片尺寸。</p>
            </div>
            <div class="fl">
                <img src="/images/card01.png" alt="名片一">
                <img src="/images/card02.png" alt="名片二">
            </div>
        </div>
    </div>
    <div class="cardStyle auto">
        <div class="public_box">
            <h2>
                名片样式</h2>
        </div>
        <ul class="clear-fix boxPadding">
            <li class="">
                <img src="/images/pic_01.png" alt="横版直角名片">
                <h3>
                    横版直角名片</h3>
                <span></span></li>
            <li class="">
                <img src="/images/pic_02.png" alt="竖版直角名片">
                <h3>
                    竖版直角名片</h3>
                <span></span></li>
            <li class="rightli">
                <img src="/images/pic_03.png" alt="横版圆角名片">
                <h3>
                    横版圆角名片</h3>
                <span></span></li>
            <li class="">
                <img src="/images/pic_04.png" alt="对角圆角名片">
                <h3>
                    对角圆角名片</h3>
                <span></span></li>
            <li class="">
                <img src="/images/pic_05.png" alt="异形名片">
                <h3>
                    异形名片</h3>
                <span></span></li>
            <li class="rightli">
                <img src="/images/pic_06.png" alt="PVC材质名片">
                <h3>
                    PVC材质名片</h3>
                <span></span></li>
        </ul>
    </div>
    <div class="paper auto">
        <div class="public_box">
            <h2 id="cypaper">
                常用名片</h2>
        </div>
        <p class="boxPadding">
            很多用户面对众多纸张时，乍一看，都很精美，该怎么选择呢？其实，不同材质，采用同一款设计方案，出来的效果和感觉都会有所不同。如何选择一款印刷成品效果让自己心仪的名片纸张呢？下面，改图网为您介绍几款市面上常用的名片印刷纸张，为大家选择纸张时做参考。</p>
        <div class="clear-fix  mpExplain">
            <img src="/images/pic7.png" alt="300g铜版纸名片" class="fl">
            <div class="fl">
                <h3>
                    300g铜版纸</h3>
                <p>
                    300g铜版纸是最常见的名片用纸，特点在于纸面非常光洁平整，平滑度高，光泽度好，色彩饱和度较高，印制出来的名片色泽比较鲜亮。除此之外，手感厚实，拿在手上给人一种稳重的感觉。相对看来，铜版纸的性价比是最高的，适合各类商务人士。</p>
                <p>
                    <strong>覆哑膜：</strong>铜版纸覆哑膜，具有铜版纸色彩鲜艳饱和的特性，覆哑膜后更显档次与质感，最受客户青睐。</p>
                <p>
                    改图网名片采用的正是高级进口300g铜版纸，双面覆哑膜，价优且质量好，印出的图形、画面更具立体感，受到广大用户的欢迎。</p>
            </div>
        </div>
        <ul class="clear-fix">
            <li class="topli">
                <img src="/images/pic01.png" alt="荷兰白卡名片">
                <p class="cardtitle">
                    荷兰白卡名片</p>
                <div style="display: none;">
                    <strong>纸质说明:</strong>
                    <p>
                        表面光滑、中度光泽度、不反光，中高色彩饱和度。坚挺厚实，无条痕、质感优雅，董事级别用卡。</p>
                    <strong>设计要求:</strong>
                    <p>
                        设计简洁、双色或单色。</p>
                    <strong>适用范围：</strong>
                    <p>
                        适用于会议、出差、出国、展会、交流会、接待来宾、国际贸易等。</p>
                </div>
            </li>
            <li class="topli">
                <img src="/images/pic02.png" alt="雅柔纸名片">
                <p class="cardtitle">
                    雅柔纸名片</p>
                <div style="display: none;">
                    <strong>纸质说明:</strong>
                    <p>
                        表面有自然棉絮状纹路，中高色彩饱和度，不反光，营造轻柔、素雅、经典而又洒脱的效果。</p>
                    <strong>设计要求:</strong>
                    <p>
                        设计简洁、双色或单色。</p>
                    <strong>适用范围：</strong>
                    <p>
                        适用于收藏、展会、交流等，艺术专业人士首选。</p>
                </div>
            </li>
            <li class="rightli show topli">
                <img src="/images/pic031.png" alt="水纹卡（刚古纸）名片">
                <p class="cardtitle">
                    水纹卡（刚古纸）名片</p>
                <div style="display: none;">
                    <strong>纸质说明:</strong>
                    <p>
                        表面纹路富有变化，有凹凸感，儒雅深沉，古色古香。为我国所发明，起源可上溯至唐代，早期水纹纸多用作信纸、诗笺、法帖纸。</p>
                    <strong>设计要求:</strong>
                    <p>
                        水墨设计方案最佳。</p>
                    <strong>适用范围：</strong>
                    <p>
                        适用于展会、交流会、接待来宾、艺术展览等。</p>
                </div>
            </li>
            <li>
                <img src="/images/pic05.png" alt="荷兰白卡名片">
                <p class="cardtitle">
                    珠光纸名片</p>
                <div style="display: none;">
                    <strong>纸质说明:</strong>
                    <p>
                        又名珍珠纸。其纸质特点为表面带有白色的金属光泽，质感闪耀，经典恒久。</p>
                    <strong>设计要求:</strong>
                    <p>
                        设计简洁，浅色系效果更佳。</p>
                    <strong>适用范围：</strong>
                    <p>
                        美容美发、服装等与时尚有关行业，展会、交流会、接待来宾等场合。</p>
                </div>
            </li>
            <li>
                <img src="/images/pic04.png" alt="绅士卡名片">
                <p class="cardtitle">
                    绅士卡名片</p>
                <div style="display: none;">
                    <strong>纸质说明:</strong>
                    <p>
                        表面呈现手螺纹一样四处延伸，立体感强，光洁平整, 有花纹纸一样的质感，白度好，手感突出。适合绅士及公司领导级别使用。</p>
                    <strong>设计要求:</strong>
                    <p>
                        设计简洁、双色或单色。</p>
                    <strong>适用范围：</strong>
                    <p>
                        适用于会议、出差、出国、展会、交流会、接待来宾、国际贸易等。</p>
                </div>
            </li>
            <li class="rightli">
                <img src="/images/pic06.png" alt="PVC材质名片">
                <p class="cardtitle">
                    PVC材质名片</p>
                <div style="display: none;">
                    <strong>纸质说明:</strong>
                    <p>
                        包括透明与非透明两种材质，透明体现时尚感，非透明适合做华丽效果，具有防水、不变色、材质高档坚硬、回弹性好等优点, 使用该种材质会让名片显得晶莹剔透。</p>
                    <strong>设计要求:</strong>
                    <p>
                        透明PVC名片，适合单面印刷，版式尽量简洁。</p>
                    <strong>适用范围：</strong>
                    <p>
                        适用于商务交流、会议、展会、国际贸易等。</p>
                </div>
            </li>
        </ul>
    </div>
    <uc1:Footer ID="footer" runat="server" />
    </form>
</body>
</html>
